@import './vars.less';
html {
  font-size: 100px;
}

.max_pc() {
  max-width: 480px;
  margin: 0 auto;
}

body {
  font-size: .14rem;
  background: #e1e1e1;
  #app {
    height: 100%;
    position: relative;
    .max_pc();
    background: #fff;
    
    .layout_weike,
    .layout_admin,
    .layout_lecture {
      height: 100%;
    }
    div[class$='_page'],
    div[class*='_page'] {
      /*全局定义每个页面高度100%*/
      height: 100vh;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      letter-spacing: 1px;
      box-sizing: border-box;
    }
  }
}

.iconfont {
  font-size: .16rem; // vertical-align: middle;
}
.mt-progress-runway{
  border-radius: 0.05rem;
}
.mt-progress-progress{
  background-color:#28b98b;
  border-radius:0.05rem;
}
input[placeholder],
[placeholder],
*[placeholder],
button {
  font-size: .14rem;
}

input {
  &.is_danger {
    border: 1px solid #ef0f0f !important;
  }
} // 滚动条样式
 ::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

 ::-webkit-scrollbar-thumb {
  background-color: rgba(38, 162, 255, .6);
  border-radius: 5px;
}

 ::-webkit-scrollbar-track {
  background-color: rgba(50, 50, 50, 0.1);
  border-radius: 5px;
} // 单行超出省略号
.signle_row() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} // 多行超出省略号
.multi_row(@row: 2) {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @row; //文本行数
  overflow: hidden;
}

.theme {
  color: @theme;
}

.mt_swipe_box {
  position: relative;
  height: 2rem;
  .mint-swipe-item {
    background: @img_bg;
    .img_cover {
      height: 100%;
      width: 100%;
    }
  }
} // switch 开关样式
.mint-switch-core {
  border-color: @theme !important;
  background-color: @theme !important;
} // mint-ui tab选项卡样式修正
.mint-navbar {
  .max_pc();
  .mint-tab-item {
    border-bottom: 1px solid @b_gray !important;
    padding: 15px 0;
    &.is-selected {
      margin-bottom: 0 !important;
      color: @theme !important;
      border-bottom: 2px solid @theme !important;
    }
  }
}
// 竖线
.line{
  width:0.03rem;
  height: 0.16rem;
  background:#37d0a5;
  border-radius:0.015rem;
}
.fix_scroll {
  height: 100vh;
}

.exam_detail_page {
  background: @bg_gray;
  .des_content {
    padding: .1rem;
    word-wrap: break-word;
    overflow: hidden;
    img {
      max-width: 100%;
    }
  }

  .des_wrapper{
    height: auto;
    display: block;
  }
  .cover_wrapper {
    position: relative;
    height: 2rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .intro_wrap{
    background: #fff;
    padding: 0.15rem;
    padding-bottom: 0;
  }
  .intro {
    border-bottom: 1px solid @b_gray;
    padding-bottom: 0.15rem;
    .title {
     .multi_row(2);
      word-wrap: break-word;
      overflow: hidden;
      line-height: 0.2rem;
      margin-bottom: 0.05rem;
    }
    .start_time{
      font-size: 0.12rem;
      color: @gray2;
      display: flex;
      align-items: center;
      i{
        color: @theme;
        margin-right: 0.05rem;
      }
    }
  }
  .detail_item{
    display: flex;
    background: #fff;
    padding: 0.13rem 0;
    .items{
      
      border-right: 1px solid @b_gray; 
      flex: 1;
      text-align: center;
      &:last-child{
        border-right: 0;
      }
      .item_title{
        height: 0.28rem;
        line-height: 0.28rem;
        color: #333;
        font-size: 0.13rem;
      }
      .item_des{
        color: @gray2;
        font-size: 0.13rem;
      }

    }
  }
  .accordion_list {
    // 手风琴样式
    margin: .1rem 0;
    .item {
      background: #fff;
      margin-bottom: .1rem;
      .i_header {
        display: flex;
        align-items: center;
        height: .44rem;
        margin-left: .1rem;
        border-bottom: 1px solid @b_gray;
        .icon {
          i.iconfont {
            margin-right: .1rem;
            font-size: .18rem;
            color: @theme;
          }
        }
        .title {
          flex: 1;
        }
        .right {
          color: #6a6a6a;
          i.icon-right,
          i.icon-down {
            margin-right: .1rem;
          }
        }
      }
      .i_content {
        position: relative;
              
      }
      
    }
  } 
  .com_buy_box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    height: .44rem;
    line-height: .44rem;
    font-size: .16rem;
    background: #fff;
    border-top: 1px solid @b_gray;
    background: #e1e1e1;
    .max_pc();
    .question_box {
      flex: 1;
      text-align: center;
      background: #fff;
      .q_text {
        font-size: .16rem;
        color: @theme;
      }
    }
    .buy_btn_wrapper {
      flex: 3;
      a.a_btn_buy {
        background: @theme;
        color: #fff;
        display: block;
        text-align: center;
      }
    }
    .admin_btn_wrapper {
      // 管理端
      flex: 1;
      &:last-child {
        // border-left: 1px solid #fff;
      }
      a.a_btn_buy {
        background: @theme;
        color: #fff;
        display: block;
        text-align: center;
      }
    }
  }
} 